<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<title>RnD - Congregate</title>
		<script type="text/javascript" src="js-lib/jquery/core/jquery-1.6.2.js"></script>
		<script type="text/javascript" src="js-lib/jquery/extension/NiceScroll/jquery.nicescroll.min.js"></script>
		
		<link rel="stylesheet" type="text/css" href="style/style.css" />
	</head>
	<body style="overflow: hidden;">
		<div class="header">
			<div class="primary">$( '#kapil-kashyap' )</div>
			<div><a href="mailto:kapil.k@imaginea.com?Subject=Feedback" target="_blank">kapil.k@imaginea.com</a> / <a href="mailto:kapil.kashyaps@gmail.com?Subject=Feedback" target="_blank">kapil.kashyaps@gmail.com</a></div>
		</div>
		<div class="clear"></div>
		
		
		<div id="content" class="content">
			<div class="content-action">
				<span id="expand-all">Expand All</span>/<span id="collapse-all">Collapse All</span>
			</div>
			<div class="clear"></div>
			
			<div class="overflow-container">
				<div class="overflow-container-content">
					<div class="content-item">
						<div class="item-title">
							<a class="componentReposition" href="ComponentReposition/component-reposition.html" target="_blank">Component Reposition</a><div class="popout-icon">&nbsp;&nbsp;&nbsp;</div>
						</div>
						<div class="item-action">
							<span>Expand</span>
						</div>
						<div class="clear"></div>
						<jsp:include page="pages/component-reposition-page.jsp"></jsp:include>
					</div>
					
					<div class="content-item">
						<div class="item-title">
							<a class="dynamicSearch" href="DynamicSearch/dynamic-search.html" target="_blank">Dynamic Search</a><div class="popout-icon">&nbsp;&nbsp;&nbsp;</div>
						</div>
						<div class="item-action">
							<span>Expand</span>
						</div>
						<div class="clear"></div>
						<jsp:include page="pages/dynamic-search-page.jsp"></jsp:include>
					</div>
					
					<div class="content-item">
						<div class="item-title">
							<a class="filterJson" href="FilterJson/jquery-filter-json.html" target="_blank">Filter JSON</a><div class="popout-icon">&nbsp;&nbsp;&nbsp;</div>
						</div>
						<div class="item-action">
							<span>Expand</span>
						</div>
						<div class="clear"></div>
						<jsp:include page="pages/filter-json-page.jsp"></jsp:include>
					</div>
					
					<div class="content-item">
						<div class="item-title">
							<a class="jsTemplate" href="JSTemplate/js-template.html" target="_blank">JS Template</a><div class="popout-icon">&nbsp;&nbsp;&nbsp;</div>
						</div>
						<div class="item-action">
							<span>Expand</span>
						</div>
						<div class="clear"></div>
						<jsp:include page="pages/js-template-page.jsp"></jsp:include>
					</div>
		
					<div class="content-item">
						<div class="item-title">
							<a class="paginatedDropDown" href="PaginatedDropDown/paginated-drop-down-widget.html" target="_blank">Paginated Drop Down Widget</a><div class="popout-icon">&nbsp;&nbsp;&nbsp;</div>
						</div>
						<div class="item-action">
							<span>Expand</span>
						</div>
						<div class="clear"></div>
						<jsp:include page="pages/paginated-drop-down-page.jsp"></jsp:include>
					</div>
					
					<div class="content-item">
						<div class="item-title">
							<a class="ruleEvaluator" href="RuleEvaluator/rule-evaluator.html" target="_blank">Rule Evaluator</a><div class="popout-icon">&nbsp;&nbsp;&nbsp;</div>
						</div>
						<div class="item-action">
							<span>Expand</span>
						</div>
						<div class="clear"></div>
						<jsp:include page="pages/rule-evaluator-page.jsp"></jsp:include>
					</div>
		
					<div class="content-item">
						<div class="item-title">
							<a class="pagination" href="Pagination/pagination.jsp?rowsPerPage=15" target="_blank">Pagination tag-library</a><div class="popout-icon">&nbsp;&nbsp;&nbsp;</div>
							<div class="mandatory-small">(work in progress)</div>
						</div>
						<div class="item-action">
							<span>Expand</span>
						</div>
						<div class="clear"></div>
						<jsp:include page="pages/pagination-page.jsp"></jsp:include>
					</div>
					
				</div>
			</div>
			<!-- 
			<div class="content-footer" style="padding: 5px;">
				<a href="http://www.linkedin.com/in/kapilkashyap" target="_blank">LinkedIn</a>
			</div>
			 -->
		</div>
	</body>

	<script type="text/javascript">
		$( document ).ready(function() {
			$( '.overflow-container' ).css( 'height', $( document ).height() - 100);
			
			$( '.item-action > span' ).toggle(
				function() {
					$( this ).addClass( 'x-collapse' );
					$( this ).html( 'Collapse' );

					var $info = $( this ).parent().siblings( '.info' );
					$info.find( '.item-content' ).css( 'white-space', 'normal' ).css( 'overflow', 'auto' );
					$info.find( '.item-content-info' ).slideDown();
				},
				function() {
					$( this ).removeClass( 'x-collapse' );
					$( this ).html( 'Expand' );

					var $info = $( this ).parent().siblings( '.info' );
					$info.find( '.item-content-info' ).slideUp(function() {
						$info.find( '.item-content' ).css( 'white-space', 'nowrap' ).css( 'overflow', 'hidden' );
					});
				}
			);

			$( '#expand-all' ).click(function() {
				$( '.item-action > span:not(".x-collapse")' ).each(function() {
					$( this ).click();
				});
			});
			
			$( '#collapse-all' ).click(function() {
				$( '.x-collapse' ).each(function() {
					$( this ).click();
				});
			});

			$( '.demo' ).click(function() {
				var demoClass = $( this ).attr( 'class' ),
					firelink = $.trim(demoClass.replace('demo', '').replace('x-', ''));
				
				$( '.' + firelink )[0].click();
			});
		});
	</script>
</html>